<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>秒杀商品详情</title>
    <link href="/layui/css/layui.css" media="all" type="text/css" rel="stylesheet"/>
    <link href="/css/public.css" media="all" type="text/css" rel="stylesheet"/>
</head>

<!-- 引入头部导航栏 -->
<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
<div id="header"></div>
<script>
    $("#header").load("header.htm");
</script>

<body class="childrenBody">
<div class="layui-container">
    <fieldset class="layui-elem-field">
        <div class="layui-row layui-field-box">
            <div class="layui-col-md6">
                <div class="layui-form-item" style="font-size: xx-large" id="goodsName"></div>
                <div class="layui-form-item"><img src="/img/timg.jpg" id="goodsImg"></div>
            </div>
            <div class="layui-col-md6">
                <div class="layui-row">
                    <div id="goodsDetail">商品详情</div><hr>
                </div>
                <div class="layui-row">
                    <div class="layui-form-item">
                    <label class="layui-form-label">秒杀价</label>
                    <div class="layui-input-block" style="font-size: xx-large; color: orangered" id="miaoshaPrice">00.00</div>
                    </div>
                    <div class="layui-form-item">
                    <label class="layui-form-label">库存</label>
                    <div class="layui-input-block" style="font-size: xx-large; color: #908e8e" id="stockCount">0</div>
                    </div>
                    <hr>
                </div>
                <div class="layui-row">
                    <div class="layui-form-item"><label class="layui-form-label">开始时间</label><div class="layui-input-block"><input type="text" id="startDate" class="layui-input" value="2018-09-29 09:20:22" disabled/></div></div>
                    <div class="layui-form-item"><label class="layui-form-label">结束时间</label><div class="layui-input-block"><input type="text" id="endDate" class="layui-input" value="2018-09-29 09:20:22" disabled/></div></div>
                    <div class="layui-form-item"><label class="layui-form-label">剩下时间</label><div class="layui-input-block"><input type="text" id="leftTime" class="layui-input" value="2018-09-29 09:20:22" disabled/></div></div>
                    <form class="layui-form">
                        <input type="hidden" name="goodsId" id="goodsId" />
                        <input type="hidden" name="userId" id="userId" />
                        <div class="layui-form-item"><label class="layui-form-label">验证码</label><div class="layui-input-block"><img id="verifyCodeImg" width="80" height="34"/><input type="text" class="layui-input layui-input-inline" required lay-verify="required|number" placeholder="请输入验证码" name="verifyCode" id="verifyCode"/></div></div>
                        <div class="layui-form-item"><button class="layui-btn layui-btn-fluid layui-btn-danger" id="buyBtn">立即秒杀</button></div>
                    </form>
                </div>
            </div>
        </div>
    </fieldset>
</div>

</body>

<script src="/js/common.js"></script>
<script src="/layui/layui.js"></script>
<script src="/js/goods_detail.js"></script>
</html>